<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="js1.js"></script>
</head>
<body>
<!-- 第一个测试 -->
<div id="demo">

</div>

<!-- 第二个测试 -->
<p>请输入 5 和 10 之间的一个数:</p>

<input id="demo1" type="text">
<button type="button" onclick="myFunction()">检测输入</button>
<p id="message"></p>
<script>

window.onload=function()
{
    // 第一个测试
    try {
            alert("欢迎光临！");//故意写错alert
        }
        catch(err) {
            document.getElementById("demo").innerHTML = err.message;
        }



}
//第二个测试
 function myFunction() {
            var message, x;
            message = document.getElementById("message");//获取要输入内容的p
            message.innerHTML = "";//初始化为空
            x = document.getElementById("demo1").value;//获取到输入的值
            try {
                if(x == "")  throw "为空";//如果异常通过 throw 语句创建 ，   该 变量引用了为在throw语句中指定的对象 ,throw来抛出错误信息
                if(isNaN(x)) throw "不是一个数字";
                if(x > 10)   throw "太大了";
                if(x < 5)    throw "太小了";
            }
            catch(err) {
                message.innerHTML = "输入的值 " + err;
            }

    }
</script>
</body>
</html>